<!--
 * @Author: lyt
 * @Date: 2024-12-30 18:27:57
 * @LastEditTime: 2025-01-10 18:19:09
 * @LastEditors: lyt
 * @Description: lyt
 * @FilePath: /osmp-demo/osmp-demo-vue3/src/views/demo/form/components/AllTypeForm.vue
 *  
-->
<template>
  <div class="basic-form">
    <BasicForm @register="allTypeForm" />
  </div>
</template>
<script lang="ts" setup>
  import { useBasicForm } from './useBasicForm';
  import { BasicForm } from '/@/components/Form/index';
  const { allTypeForm } = useBasicForm();
</script>
<style scoped lang="less">
  .basic-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    .btns {
      margin-top: 20px;
      display: flex;
      flex-direction: row;
      column-gap: 10px;
    }
  }
  /deep/ :where(.css-dev-only-do-not-override-1hsjdkk).ant-picker {
    width: 100%;
  }
</style>
